@font-face {
  font-family: "MyriadPro-Regular";
  src: url("../fonts/MyriadPro-Regular.woff2") format("woff2"),
       url("../fonts/MyriadPro-Regular.woff") format("woff"),
       url("../fonts/MyriadPro-Regular.ttf") format("truetype"),
       url("../fonts/MyriadPro-Regular.eot") format("embedded-opentype"),
       url("../fonts/MyriadPro-Regular.svg") format("svg");
}
html, body {
	width: 100%;
	min-width: 1250px;
	font-size: 10px;
	font-family:arial,"microsoft yahei","simsun","sans-self"; 
}
li {
	list-style-type:none;
	float: right;
	color: black;
}
a {
	text-decoration: none;
	cursor: pointer;
	color: black;
}
a:hover{
	text-decoration: none;
}
/*工具*/
.Englis{
	font-family: "Myriad Pro";
}
.Chines{
	font-family: "Ping Hei";
}
.clear-fix:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}
.line {
	width: 30px;
	height: 2px;
	background-color: #2ecdc7;
}
/*网芯*/
.content {
	margin: 0 auto;
	width: 80%;
}
/*字体颜色*/
.white { color: white; }
.gray {color: #787878; }
.blue { color: #2ecdc7; }
/*字体粗细*/
.fw300{
	font-weight: 400;
	color: rgb(76, 76, 76);
	line-height: 1.75;
}
/*字体大小*/
.f0 { font-size: 0px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f24 { font-size: 24px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f36 { font-size: 36px; }
.f40 { font-size: 40px; }
.f42 { font-size: 42px; }
.f48 { font-size: 48px;}
.lh36 { line-height: 36px; }
.lh30 { line-height: 30px; }
.lh50 { line-height: 50px; }
.lh150 { line-height: 150%; }
.lh200 { line-height: 200%; }
.fls3{ letter-spacing: 3px; }
.fls5{ letter-spacing: 5px; }
.fw500{ font-weight: 500; }
.fw600{ font-weight: 600; }
/*icon大小*/
.i-big { display: inline-block; width: 50px; height: 50px; }
.i-mid { display: inline-block; width: 40px; height: 40px; }
.i-sma { display: inline-block; width: 36px; height: 36px; }
/*背景颜色*/
.bcgray { background-color: #323232; }
.bcsmallgray { background: #898989; }

/*布局*/
.dflex { display:flex; }
.dflex-a { justify-content: space-around; }
.dflex-b { justify-content: space-between; }
.dflex-c { justify-content: center; }
.dblock {display: block;}
.dinline { display: inline; }
.dib { display: inline-block; }
.fl { float: left; }
.fr { float: right; }
.fc {text-align: center;}
.vm { vertical-align: middle; }
/*定位*/
.oh { overflow: hidden; }
.pr { position: relative; }
.pa { position: absolute; }
.mt8 { margin-top: 8px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }
.mt45 { margin-top: 45px; }
.mt60 { margin-top: 60px; }
.mt75 { margin-top: 75px; }
.mt100 { margin-top: 100px; }
.mt175 { margin-top: 175px; }
.mt200 { margin-top: 200px; }
.mt300 { margin-top: 300px;}
.mc {margin: 0 auto;}
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml60 { margin-left: 60px; }
.mr60 { margin-right: 60px; }
.ml85 { margin-left: 85px; }
.mr85 { margin-right: 85px; }
.ml100 { margin-left: 100px; }
.ml110 { margin-left: 110px; }
.mr100 { margin-right: 100px; }
.mr110 { margin-right: 110px; }
.pt50 { margin-top: 50px; }
/*高宽*/
.wm { width: 100%; }
.w350 { width: 350px; }
.hm { height: 100%; }
.h36{ height: 36px }
.h50 { height: 50px; }
.h55 { height: 55px; }
.h100 {height: 100px;}
.h185 { height: 185px; }


/*头部*/
header {
	position: relative;
	
}
.logo {
	text-align: center;
	height: 100px;
}
.logo img {
	margin: 10px 0;
}

.nav {
	position: absolute;
	right: 10%;
	top: 0;
}
.nav li {
	width: 80px;
	text-align: center;
}
.nav li a{
	line-height: 100px;
	font-size: 16px;
	color: white;
}
.banner {
	position: relative;
}

.banner .banner-text {
	position: absolute;
	left: 50%;
	top: 70%;
	margin-left: -62px;
	font-size: 24px;
}
.logo-info {
	height: 50px;
	left: 57%;
    top: 18%;
}
.contact-btn {
	width: 190px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border: 1px solid black;
	cursor: pointer;
}
.infoText-title {
	top: -10px;
	letter-spacing: 3px;
}
/*尾部*/
.copyRight {
	opacity: .7;
	bottom: 0;
	left: 0;
	background: #919191;
	border-top: 2px solid #2ecdc7;
	line-height: 55px;
}
/* 线框 */
.nav-active:after{
	position: absolute;
	bottom: 33px;
	right: 0;
	content: '';
	display: block;
	width: 35%;
	height: 1px;
	background-color: #2ecdc7;
}
.nav-active:before{
	position: absolute;
	top: 32px;
	left: 0;
	content: '';
	display: block;
	width: 35%;
	height: 1px;
	background-color: #2ecdc7;
}
.what-we-do:after{
	position: absolute;
	bottom: -15px;
	right: 33%;
	content: '';
	display: block;
	width: 7%;
	height: 2px;
	background-color:#cccccc;
}
.what-we-do:before{
	position: absolute;
	top: -15px;
	left: 33%;
	content: '';
	display: block;
	width: 7%;
	height: 2px;
	background-color:#cccccc;
}
.infoText h3:after{
	position: absolute;
	bottom: -15px;
	left: 0;
	content: '';
	display: block;
	width: 7%;
	height: 2px;
	background-color: #2ecdc7;
}
.bcsmallgray p:first-child:after{
	position: absolute;
	bottom: -12px;
	right: 33%;
	content: '';
	display: block;
	width: 5%;
	height: 1px;
	background-color:white;
}
.bcsmallgray p:first-child:before{
	position: absolute;
	top: -12px;
	left: 33%;
	content: '';
	display: block;
	width: 6.5%;
	height: 1px;
	background-color:white;
}

   }
/* 第一页首页 HOME*/
/* .home{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.home-header{
    width: 100%;
    height: 140px;
    background: #333333;
    position: relative;
    top: 0;
    left: 0;
}
.home-header>img[alt="v-logo"]{
    width: 100px;
    height: 90px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin:-45px 0 0 -60px;
}
*
 * 导航栏
.home-header>ul{
    width: 150px;
    height: 30px;
    position: absolute;
    right: 40%;
    top: 50%;
    margin: -15px -230px 0 0;
    display: flex;
    justify-content: space-between;
}
.home-header>ul li{
    float: left;
    font-size: 16px;
    text-align: center; 
    line-height: 30px; 
   
   }
.home-header>ul li>a{
    display: inline-block;
    width: 100%;
    color: #ffffff;
    position: relative;
}
*
 * 导航栏hover样式
.home-header>ul li>a:after {
    content: "";
    position: absolute;
    border-bottom: 2px solid #33cccc;
    right: -40%;
    bottom: 1px;
    width: 0;
    height: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.home-header>ul li>a:before {
    content: "";
    position: absolute;
    border-top: 2px solid #33cccc;
    left: 0%;
    top: 1px;
    width: 0;
    height: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.home-header>ul li>a:hover:before,
.home-header>ul li>a:hover:after {
    width: 45%;
}
.home-header .active:after {
    content: "";
    position: absolute;
    border-bottom: 2px solid #33cccc;
    right: -40%;
    bottom: 1px;
    width: 45%;
    height: 0;
   
}
.home-header .active:before{
    content: "";
    position: absolute;
    border-top: 2px solid #33cccc;
    left: 0%;
    top: 1px;
    width: 45%;
    height: 0;
}
*
 * HOME图片
.home>img[alt="HOME-bg"]{
    width: 100%;
    height: 490px; 
} */

   
/* 第一页首页 HOME*/
.home{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.home-header{
    width: 100%;
    height: 1.4rem;
    background: #333333;
    position: relative;
    top: 0;
    left: 0;
}
.home-header>img[alt="v-logo"]{
    width: 1rem;
    height: 0.9rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin:-0.45rem 0 0 -0.6rem;
}
/**
 * 导航栏
 */
.home-header>ul{
    width: 1.5rem;
    height: 0.3rem;
    position: absolute;
    right: 40%;
    top: 50%;
    margin: -0.15rem -2.3rem 0 0;
    display: flex;
    justify-content: space-between;
}
.home-header>ul li{
    float: left;
    font-size: 0.16rem;
    text-align: center; 
    line-height: 0.3rem; 
    font-family: "MyriadPro-Regular";
   }
.home-header>ul li>a{
    display: inline-block;
    width: 100%;
    color: #ffffff;
    position: relative;
}
/**
 * 导航栏hover样式
 */
.home-header>ul li>a:after {
    content: "";
    position: absolute;
    border-bottom: 0.02rem solid #33cccc;
    right: -40%;
    bottom: 0.01rem;
    width: 0;
    height: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.home-header>ul li>a:before {
    content: "";
    position: absolute;
    border-top: 0.02rem solid #33cccc;
    left: 0%;
    top: 0.01rem;
    width: 0;
    height: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.home-header>ul li>a:hover:before,
.home-header>ul li>a:hover:after {
    width: 45%;
}
.home-header .active:after {
    content: "";
    position: absolute;
    border-bottom: 0.02rem solid #33cccc;
    right: -40%;
    bottom: 0.01rem;
    width: 45%;
    height: 0;
   
}
.home-header .active:before{
    content: "";
    position: absolute;
    border-top: 0.02rem solid #33cccc;
    left: 0%;
    top: 0.01rem;
    width: 45%;
    height: 0;
}
/**
 * HOME图片
 */
.home>img[alt="HOME-bg"]{
    width: 100%;
    height: 6rem; 
}
